<template>
	<view class="wrap" style="padding-bottom: 10px;">
		<u-row gutter="16">
			<u-col span="8" style="color: #999999;display: flex;" class="u-font-13">
				服务记录
			</u-col>
			<u-col span="4" style="color: #999999;display: flex;" class="u-font-13">
				记录日期
				
				记录人	
			</u-col>
		</u-row>
		
		<u-card class="task-list-item" :border="false" padding="10" margin="10rpx" v-for="(item,i) in lists" @click="showFwjl(item)">
			<!-- <view slot="head" style="display: flex;align-items: center;justify-content: space-between;">
				<view style="display: flex;align-items: center;" class="u-font-22"><image class="user-images" src="/static/aidex/images/truck.png"></image>{{item.lsh}}</view>
			</view> -->
			<view class="" slot="body">
				<u-row gutter="16">
					
					<u-col span="8" style="color: #999999;display: flex;" class="u-font-13">
						
						
						{{item.content}}
					</u-col>
					<u-col span="4" style="color: #999999;display: flex;" class="u-font-13">
						
						
						<view style="float: right;"><!-- {{$u.timeFormat(item.creatdate, 'yy-mm-dd')}} -->{{item.creatdate}}</view>
						<view style="margin-left: 20rpx;">{{item.nickname}}</view>
					</u-col>
					
					
				<!-- 	<u-col span="6" class="u-rela u-row-right" style="text-align:right" v-if="isEdtor==true">
						
						<u-button size="mini" type="warning" :ripple="true" ripple-bg-color="#909399" @click="editNewe(item.id)"  shape="circle" style="margin-right: 10rpx;">
							<u-icon name="edit-pen" size="26" class="u-p-r-8"></u-icon>
							</u-button>
						<u-button size="mini" type="error" :ripple="true" ripple-bg-color="#909399" @click="deleNewe(item)" shape="circle">
							<u-icon name="close-circle" size="26" class="u-p-r-8"></u-icon>
							</u-button>
					</u-col> -->
					<view>
					
						<u-tag v-if="item.chuli!=''" text="已处理" type="success" />
						<u-tag v-else="item.chuli!=''" text="未处理" type="warning " />
						
						<u-tag v-if="item.huifu!=''" text="已回复" type="success" />
						<u-tag v-else="item.huifu!=''" text="未回复" type="warning " />
						
					</view>
				</u-row>
				
			</view>
			
		
		
		
		</u-card>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				lists:[]
				
			}
		},
		onShow() {
			this.getList()
			
		
		},
		methods: {
			getList(){
				this.$u.api.fwjl.getLists({
					pageNum: 1,
					pageSize:10
				})
				.then(res => {
				
					if (res.code == '200') {
						
						console.log(res)
						this.lists=res.rows
						
							console.log(this.lists)
					}else{
						this.$u.toast(res.msg);
					}
				}
				);
			},
			showFwjl(item){
				uni.navigateTo({
					url: '/pages/works/fwjl/show?id='+item.id
				});
			}
			
		}
		
	}
</script>

<style>

</style>
